<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta http-equiv="x-ua-compatible" content="IE=edge" >
	<!-- 宽度===当前屏幕的宽度，缩放比例为当前不缩放 -->
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>hello Bootstrap</title>
	<link href="lib/lib/css/bootstrap.min.css" rel="stylesheet">
</head>
<body>

<!-- <nav class="navbar navbar-default" role='nacigation'>
	
	<div class="navber-header">
		<a href="#" class="navbar-brand" id="nav-brand-itheima"> 网站首页 
		</a>
	</div>

	<ul class="nav navber-nav">
		<li class="active"><a href="##">系列教程</ a></li>
        <li><a href="##">名师介绍</a></li>
        <li><a href="##">成功案例</a></li>
        <li><a href="##">关于我们</a></li>
	</ul>

</nav> -->

<nav class="navbar navbar-default" role="navigation">
    <!-- 这里可以定义品牌图标 -->
    <div class="navbar-header">
        <a class="navbar-brand " id="nav-brand-itheima" href=" " >
            网站首页
        </a>
    </div>
    <ul class="nav navbar-nav">
        <li class="active"><a href="##">系列教程</a></li>
        <li><a href="##">名师介绍</a></li>
        <li><a href="##">成功案例</a></li>
        <li><a href="##">关于我们</a></li>
    </ul>
</nav> 




<script src="lib/jquery/jquery-1.11.0.min.js"></script>
<script src="lib/lib/js/bootstrap.min.js"></script>
</body>
</html>